<script setup>
import { reactive } from 'vue';
import {RouterView} from "vue-router"
const data = reactive([{
  id:"101",
  title:"这是案例标题1"
},{
  id:"102",
  title:"这是案例标题2"
},{
  id:"103",
  title:"这是案例标题3"
},{
  id:"104",
  title:"这是案例标题4"
},{
  id:"105",
  title:"这是案例标题5"
},])
</script>

<template>
  <div class="about">
    <h1>企业案例</h1>
    <ul>
      <li
      v-for="val in data"
      :key="val.id"
      @click="$router.push({name: 'cDetail', params:{id:val.id}})"
      >
        {{ val.title }}
      </li>
    </ul>
    <RouterView />
  </div>
</template>

<style>
</style>
